<template>
    <div class="container">
        <div id="nav">
            <div id="logo">
                <img :src="logo" />
            </div>
            <ul id="menu">
                <li>
                    <router-link :to="{name:'home'}">首页</router-link>
                </li>
                <li>
                    <router-link to="/product">产品列表</router-link>
                </li>
                <li><a href="">订单列表</a></li>
                <li><a href="">用户管理</a></li>
            </ul>
        </div>
        <div id="content">
            <div id="header">
                <div class="path">
                    首页
                </div>
            </div>
            <div id="main">
                <keep-alive>
                    <router-view></router-view>
                </keep-alive>
            </div>
        </div>
    </div>
</template>
<script>
import logo from '@/images/logo.png';
export default {
    data() {
        return {
            logo: logo,
        };
    },
    created() {
    }
}
</script>